<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>MIT LICENSE</title>
		<link rel="stylesheet" href="head.css">

		<style>
			/* 语言切换按钮容器 */
			.language-switcher {
				position: fixed;
				top: 20px;
				right: 20px;
				display: flex;
				gap: 10px;
				z-index: 1000;
			}

			.lang-btn {
				padding: 8px 16px;
				background: #f0f0f0;
				border: 2px solid #ddd;
				border-radius: 4px;
				cursor: pointer;
				font-weight: bold;
				transition: all 0.3s ease;
			}

			.lang-btn.active {
				background: #e74c3c;
				color: white;
				border-color: #e74c3c;
			}

			.lang-btn:hover:not(.active) {
				background: #e0e0e0;
			}

			.license-content {
				font-family: 'Courier New', monospace;
				font-size: 15px;
				background-color: #f5f8fa;
				padding: 20px;
				border-radius: 4px;
				border-left: 3px solid #4CAF50;
				position: relative;
				overflow: auto;
				max-height: 400px;
			}

			body {
				font-family: Arial, sans-serif;
				margin: 20px;
				color: #333;
				background-color: #f8f9fa;
				line-height: 1.6;
			}

			.license-container {
				max-width: 800px;
				margin: 50px auto;
				background: white;
				border-radius: 8px;
				box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
				padding: 30px;
				position: relative;
				overflow: hidden;
				border: 1px solid #ddd;
			}

			.license-container::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 5px;
				background: linear-gradient(to bottom, #4CAF50, #2196F3);
			}

			/* 标题样式 */
			h1 {
				color: #2196F3;
				text-align: center;
				margin-bottom: 30px;
				padding-bottom: 15px;
				border-bottom: 2px solid #eaeaea;
				font-size: 28px;
			}

			/* 许可证内容样式 */
			.license-content {
				font-family: 'Courier New', monospace;
				font-size: 15px;
				background-color: #f5f8fa;
				padding: 20px;
				border-radius: 4px;
				border-left: 3px solid #4CAF50;
				position: relative;
				overflow: auto;
				max-height: 400px;
			}

			.license-content p {
				margin-bottom: 15px;
			}

			.copyright {
				font-weight: bold;
				color: #2196F3;
				display: block;
				margin-bottom: 15px;
			}

			.conditions {
				background-color: #e8f5e9;
				padding: 15px;
				border-radius: 4px;
				margin: 15px 0;
				border-left: 3px solid #4CAF50;
			}

			.disclaimer {
				background-color: #ffebee;
				padding: 15px;
				border-radius: 4px;
				margin-top: 15px;
				border-left: 3px solid #f44336;
				font-style: italic;
			}

			/* 响应式设计 */
			@media (max-width: 768px) {
				.license-container {
					margin: 20px;
					padding: 20px;
				}
			}

			/* 添加页面专属作用域 */
			#mit-license-page {
				font-family: Arial, sans-serif;
				margin: 20px;
				color: #333;
				background-color: #f8f9fa;
				line-height: 1.6;
			}

			/* 语言切换按钮容器 */
			#mit-license-page .language-switcher {
				position: fixed;
				top: 20px;
				right: 20px;
				display: flex;
				gap: 10px;
				z-index: 1000;
			}

			/* 修复：添加按钮最小尺寸 */
			#mit-license-page .lang-btn {
				padding: 8px 16px;
				min-width: 80px;
				/* 确保按钮有最小宽度 */
				background: #f0f0f0;
				border: 2px solid #ddd;
				border-radius: 4px;
				cursor: pointer;
				font-weight: bold;
				transition: all 0.3s ease;
			}

			/* 导航按钮样式 */
			#mit-license-page .nav-buttons {
				display: flex;
				justify-content: center;
				gap: 20px;
				margin: 50px 0 30px;
				/* 增加顶部间距 */
			}

			/* 确保导航按钮在横屏时保持布局 */
			@media (orientation: landscape) {
				#mit-license-page .nav-buttons {
					flex-wrap: nowrap;
				}
			}
		</style>
	</head>
	<body>
		<div class="header">
			<button id="lang-zh" class="lang-btn active">中文</button>
			<button id="lang-en" class="lang-btn">English</button>
			<button id="lang-fr" class="lang-btn">Français</button>
			<button id="lang-ru" class="lang-btn">Русский</button>
			<button id="lang-es" class="lang-btn">Español</button>
		</div>

		<div class="header-placeholder"></div>

		<div class="tooltip-container">
			<div class="nav-buttons">
				<button class="nav-button"><a href="index.html">返回新版主页</a></button>
				<button class="nav-button"><a href="indexjd.html">返回经典版主页</a></button>
			</div>
		</div>
		<div class="license-content">
			<h1>MIT LICENSE 许可</h1>
			<span id="copyright">Copyright (c) 2025 bilibili 月が綺綺麗ですね</span><br /><br />

			<p id="permission-text">Permission is hereby granted, free of charge, to any person obtaining a copy
				of this software and associated documentation files (the "Software"), to deal
				in the Software without restriction, including without limitation the rights
				to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
				copies of the Software, and to permit persons to whom the Software is
				furnished to do so, subject to the following conditions:</p><br />

			<div id="conditions">The above copyright notice and this permission notice shall be included in all
				copies or substantial portions of the Software.</div><br />

			<p id="disclaimer-text">THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
				IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
				FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
				AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
				LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
				OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
				SOFTWARE.</p>
		</div>
		<h1>文本以英文版原文为准，其他版本只做参考</h1>
		<button id="backToTopBtn">回到顶部</button>

		<footer class="site-footer">
			<div class="author-info">
				<p>
					作者： <a href="https://space.bilibili.com/87412647?spm_id_from=333.1007.0.0"
						target="_blank">bilibili月が綺麗ですね_</a><br />
					联系方式：<a href="mailto:3099637681@qq.com" target="_blank">3099637681@qq.com（QQ同号）</a><br />
					有什么新功能或建议欢迎骚扰（著名来意）<br />
					<a href="https://1145141919810tonny.github.io/sgsmoniqi/" target="_blank">点击此处使用GitHub Pages在线服务</a>
				</p>
			</div>
			<div class="code-update">
				<a href="https://www.bilibili.com/read/readlist/rl929858?spm_id_from=333.1387.0.0" target="_blank"
					class="bili-btn" rel="noopener noreferrer">
					[bilibili]获取更新动态
				</a>
				<a href="https://github.com/1145141919810TONNY/sgsmoniqi/" target="_blank" class="github-btn"
					rel="noopener noreferrer">
					[GitHub]获取后续代码更新
				</a>
				<a href="https://gitcode.com/TONNY114514/sgsmnq?source_module=search_project" target="_blank" class="gitcode-btn"
					rel="noopener noreferrer">
					[GitCode]获取后续代码更新(国内git)
				</a>
			</div>
			<div class="license-notice">
				<p>
					Copyright &copy; <span id="copyright-year">2025</span> bilibili 月が綺麗ですね_<br />
					Released under the
					<a href="MIT LICENSE.html" title="查看MIT许可证" class="license-link" target="_blank">
						MIT License
					</a>
				</p>
				<p class="i18n-annotation">
					(法律条款以英文版<a href="MIT LICENSE.html" target="_blank">LICENSE</a>文件为准)
				</p>
			</div>
		</footer>
		<script>
			// 更新顶部操作栏占位符高度
			function updateHeaderPlaceholder() {
				// 获取顶部操作栏和占位元素
				const header = document.querySelector('.header');
				const placeholder = document.querySelector('.header-placeholder');

				// 确保元素存在
				if (header && placeholder) {
					// 计算高度（操作栏高度 + 5px缓冲）
					const height = header.offsetHeight + 5;

					// 设置占位元素高度
					placeholder.style.height = `${height}px`;
				}
			}

			// 页面加载和窗口大小变化时更新占位符
			window.addEventListener('DOMContentLoaded', updateHeaderPlaceholder);
			window.addEventListener('resize', updateHeaderPlaceholder);

			// 检测是否Windows系统
			function isWindowsOS() {
				// 检查用户代理是否包含"Win"关键词
				return navigator.userAgent.indexOf('Win') > -1;
			}
			const languages = {
				'en_US': {
					'copyright': 'Copyright (c) 2025 bilibili 月が綺麗ですね',
					'permission-text': `Permission is hereby granted, free of charge, to any person obtaining a copy
                of this software and associated documentation files (the "Software"), to deal
                in the Software without restriction, including without limitation the rights
                to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
                copies of the Software, and to permit persons to whom the Software is
                furnished to do so, subject to the following conditions:`,
					'conditions': 'The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.',
					'disclaimer-text': `THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
                IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
                FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
                AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
                LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
                OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
                SOFTWARE.`
				},
				'fr_FR': {
					'copyright': 'Copyright (c) 2025 bilibili 月が綺麗ですね',
					'permission-text': `L'autorisation est accordée, gracieusement, à toute personne acquérant une copie
                de ce logiciel et des fichiers de documentation associés (le "Logiciel"), de
                traiter le Logiciel sans restriction, y compris, sans limitation, les droits
                d'utiliser, copier, modifier, fusionner, publier, distribuer, sous-licencier
                et/ou vendre des copies du Logiciel, et de permettre aux personnes à qui le
                Logiciel est fourni de le faire, sous réserve des conditions suivantes :`,
					'conditions': `L'avis de copyright ci-dessus et cet avis d'autorisation doivent être inclus
                dans toutes les copies ou parties substantielles du Logiciel.`,
					'disclaimer-text': `LE LOGICIEL EST FOURNI "TEL QUEL", SANS GARANTIE D'AUCUNE SORTE, EXPRESSE OU
                IMPLICITE, Y COMPRIS MAIS SANS S'Y LIMITER LES GARANTIES DE QUALITÉ MARCHANDE,
                D'ADÉQUATION À UN USAGE PARTICULIER ET D'ABSENCE DE CONTREFAÇON. EN AUCUN CAS
                LES AUTEURS OU TITULAIRES DES DROITS D'AUTEUR NE SERONT RESPONSABLES DE TOUTE
                RÉCLAMATION, DOMMAGE OU AUTRE RESPONSABILITÉ, QUE CE SOIT DANS LE CADRE D'UNE
                ACTION CONTRACTUELLE, DÉLICTUELLE OU AUTRE, DÉCOULANT DE, OU EN RELATION AVEC
                LE LOGICIEL OU SON UTILISATION, OU D'AUTRES ÉCHANGES RELATIFS AU LOGICIEL.`
				},
				'ru_RU': {
					'copyright': 'Авторские права (c) 2025 bilibili 月が綺麗ですね',
					'permission-text': `Настоящим предоставляется бесплатное разрешение любому лицу, получившему копию
                данного программного обеспечения и связанных с ним файлов документации
                ("Программное Обеспечение"), работать с Программным Обеспечением без
                ограничений, включая, без ограничений, права на использование, копирование,
                изменение, объединение, публикацию, распространение, сублицензирование и/или
                продажу копий Программного Обеспечения, а также разрешать лицам, которым
                предоставляется Программное Обеспечение, делать то же самое, при соблюдении
                следующих условий:`,
					'conditions': `Вышеуведомление об авторских правах и данное уведомление о разрешении должны
                быть включены во все копии или существенные части Программного Обеспечения.`,
					'disclaimer-text': `ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ПРЕДОСТАВЛЯЕТСЯ "КАК ЕСТЬ", БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ,
                ЯВНЫХ ИЛИ ПОДРАЗУМЕВАЕМЫХ, ВКЛЮЧАЯ, НО НЕ ОГРАНИЧИВАЯСЬ, ГАРАНТИЯМИ
                ТОВАРНОЙ ПРИГОДНОСТИ, ПРИГОДНОСТИ ДЛЯ ОПРЕДЕЛЕННОЙ ЦЕЛИ И ОТСУТСТВИЯ
                НАРУШЕНИЯ ПРАВ. НИ ПРИ КАКИХ ОБСТОЯТЕЛЬСТВАХ АВТОРЫ ИЛИ ОБЛАДАТЕЛИ
                АВТОРСКИХ ПРАВ НЕ НЕСУТ ОТВЕТСТВЕННОСТИ ЗА ЛЮБЫЕ ПРЕТЕНЗИИ, УБЫТКИ ИЛИ
                ИНЫЕ ОБЯЗАТЕЛЬСТВА, ВОЗНИКАЮЩИЕ ИЗ ДОГОВОРА, ПРАВОНАРУШЕНИЯ ИЛИ ИНЫМ
                ОБРАЗОМ, В СВЯЗИ С ПРОГРАММНЫМ ОБЕСПЕЧЕНИЕМ ИЛИ ЕГО ИСПОЛЬЗОВАНИЕМ, ИЛИ
                ИНЫМИ ДЕЙСТВИЯМИ В ОТНОШЕНИИ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ.`
				},
				'zh_CN': {
					'copyright': '版权所有 (c) 2025 bilibili 月が綺麗ですね',
					'permission-text': `特此免费授予任何获得本软件及相关文档文件（以下简称"软件"）副本的人，
                无限制地处理本软件的权限，包括但不限于使用、复制、修改、合并、发布、分发、再许可和/或销售
                软件副本的权利，并允许被提供软件的人这样做，但须符合以下条件：`,
					'conditions': '上述版权声明和本许可声明应包含在软件的所有副本或主要部分中。',
					'disclaimer-text': `本软件按"原样"提供，不附带任何明示或暗示的担保，包括但不限于适销性担保、
                特定用途适用性担保和非侵权担保。在任何情况下，作者或版权所有者均不对因软件或软件的使用或其他交易
                产生的任何索赔、损害赔偿或其他责任负责。`
				},
				'es_ES': {
					'copyright': 'Derechos de autor (c) 2025 bilibili 月が綺麗ですね',
					'permission-text': `Por la presente se otorga permiso, sin cargo, a cualquier persona que obtenga una copia
                de este software y archivos de documentación asociados (el "Software"), para tratar
                el Software sin restricciones, incluyendo, sin limitación, los derechos
                de uso, copia, modificación, fusión, publicación, distribución, sublicencia y/o venta
                de copias del Software, y permitir que las personas a quienes se proporcione el Software
                lo hagan, sujeto a las siguientes condiciones:`,
					'conditions': `El aviso de derechos de autor anterior y este aviso de permiso se incluirán en todas
                las copias o partes sustanciales del Software.`,
					'disclaimer-text': `EL SOFTWARE SE PROPORCIONA "TAL CUAL", SIN GARANTÍA DE NINGÚN TIPO, EXPRESA O
                IMPLÍCITA, INCLUYENDO PERO NO LIMITADO A LAS GARANTÍAS DE COMERCIABILIDAD,
                IDONEIDAD PARA UN PROPÓSITO PARTICULAR Y NO INFRACCIÓN. EN NINGÚN CASO LOS
                AUTORES O TITULARES DE LOS DERECHOS DE AUTOR SERÁN RESPONSABLES DE NINGUNA
                RECLAMACIÓN, DAÑOS U OTRAS RESPONSABILIDADES, YA SEA EN UNA ACCIÓN DE CONTRATO,
                AGRAVIO O DE OTRA MANERA, DERIVADA DE, FUERA DE O EN CONEXIÓN CON EL SOFTWARE
                O EL USO U OTROS TRATOS EN EL SOFTWARE.`
				}
			};

			// 当前语言（默认英语）
			let currentLang = 'en_US';

			// DOM元素缓存
			const langButtons = {};
			const licenseElements = {
				'copyright': null,
				'permission-text': null,
				'conditions': null,
				'disclaimer-text': null
			};

			// 初始化函数
			function initLanguageSwitcher() {
				// 1. 获取语言按钮
				langButtons['en_US'] = document.getElementById('lang-en');
				langButtons['fr_FR'] = document.getElementById('lang-fr');
				langButtons['ru_RU'] = document.getElementById('lang-ru');
				langButtons['zh_CN'] = document.getElementById('lang-zh');
				langButtons['es_ES'] = document.getElementById('lang-es');

				// 2. 获取许可证文本元素
				licenseElements.copyright = document.getElementById('copyright');
				licenseElements['permission-text'] = document.getElementById('permission-text');
				licenseElements.conditions = document.getElementById('conditions');
				licenseElements['disclaimer-text'] = document.getElementById('disclaimer-text');

				// 3. 从本地存储获取保存的语言设置
				const savedLang = localStorage.getItem('currentLang');
				if (savedLang && languages[savedLang]) {
					currentLang = savedLang;
				}

				// 4. 应用当前语言
				applyLanguage(currentLang);

				// 5. 添加按钮事件监听器
				Object.keys(langButtons).forEach(langCode => {
					if (langButtons[langCode]) {
						langButtons[langCode].addEventListener('click', () => {
							switchLanguage(langCode);
						});
					}
				});
			}

			// 切换语言函数
			function switchLanguage(langCode) {
				if (languages[langCode]) {
					currentLang = langCode;
					applyLanguage(langCode);
					localStorage.setItem('currentLang', langCode);
				}
			}

			// 应用指定语言
			function applyLanguage(langCode) {
				// 1. 更新按钮状态
				Object.values(langButtons).forEach(btn => {
					btn.classList.remove('active');
				});
				if (langButtons[langCode]) {
					langButtons[langCode].classList.add('active');
				}

				// 2. 更新许可证文本
				const langData = languages[langCode];
				Object.keys(licenseElements).forEach(key => {
					if (licenseElements[key] && langData[key]) {
						licenseElements[key].textContent = langData[key];
					}
				});
			}
			
			// 获取按钮
			const backToTopBtn = document.getElementById('backToTopBtn');
			
			// 滚动事件监听，控制按钮显示隐藏
			window.addEventListener('scroll', () => {
			  if (window.scrollY > 200) { // 当滚动距离大于200时显示按钮
			    backToTopBtn.style.display = 'block';
			  } else {
			    backToTopBtn.style.display = 'none';
			  }
			});
			
			// 点击按钮回到顶部
			backToTopBtn.addEventListener('click', () => {
			  window.scrollTo({
			    top: 0,
			    behavior: 'smooth' // 平滑滚动
			  });
			});

			// 页面加载完成后初始化
			document.addEventListener('DOMContentLoaded', initLanguageSwitcher);
		</script>
	</body>
</html>
